<template>
	<view id="forgetPwdPage">
		<view class="row">
			<image class="tel-ico" src="../../static/img/icon-phone.png" mode="aspectFill"></image>
			<input type="text" placeholder="输入手机号码" v-model="tel" />
		</view>
		<view class="row">
			<image class="yzm-ico" src="../../static/img/icon-yzm.png" mode="aspectFill"></image>
			<input type="text" placeholder="请输入验证码" v-model="sms" />
			<count-down></count-down>
		</view>
		<view class="nextBtn" @click="toNext">
			下一步
		</view>
	</view>
</template>

<script>
	import countDown from "@/components/count-down/count-down"
	export default {
		components: {countDown},
		data() {
			return {
				tel: '',
				sms: ''
			}
		},
		methods: {
			toNext() {
				uni.navigateTo({
					url: '../resetPwd/resetPwd',
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>

<style>
#forgetPwdPage {
	padding-top: 80upx;
}
.row {
	height: 86upx;
	width:604upx;
	border-bottom: 2upx solid rgba(238,238,238,1);
	display: flex;
	margin: 40upx auto 0;
}
.tel-ico {
	width: 27upx;
	height: 43upx;
	margin: 0 42upx 0 0;
}
.yzm-ico {
	width: 36upx;
	height: 39upx;
	margin: 0 42upx 0 0;
}
.nextBtn {
	width:452upx;
	height:90upx;
	background:#111821;
	border-radius:45upx;
	font-size:34upx;
	font-family:'PingFang SC';
	font-weight:bold;
	color:rgba(234,10,42,1);
	text-align: center;
	line-height: 90upx;
	margin: 184upx auto 0;
}
.get_sms {
	width:184upx;
	height:59upx;
	background:rgba(234,10,42,1);
	border-radius:8upx;
	font-size:28upx;
	font-family:'PingFang SC';
	font-weight:400;
	color:rgba(255,255,255,1);
	text-align: center;
	line-height: 59upx;
}
</style>
